<template>
	<!--只能一个根节点-->
	<div>
		<pre>
			* v-text 设置innerText
			* v-html 设置innerHtml
			* v-if   元素是否移除或者插入
			* v-model 双向
			* v-show display:none
			* v-bind:value 给input赋值，单向，内存改变影像页面改变
		</pre>
		<span>{{username}}</span>
		<hr />
		<span v-text="username"></span>
		<hr />
		<input type="text" v-model="username" />
		<hr />
		<input type="text" v-bind:value="username" />
		<hr />
		<span v-html="html"></span>
		<hr />
		<span v-if="showMoney">$200</span>
		<span v-show="showMoney">$200</span>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				username: '赵氏',
				html: `<font style='color:red'>
							设置innerHtml()
						  </font>`,
				showMoney:false
			}
		}
	};
</script>
<style></style>